import React, { useState , useEffect } from 'react';

const TipsView=(props)=> {
  const [isShow, setIsShow] = useState(props.isShow);
  const [tipsContent, setTipsContent] = useState(props.tipsContent);
  console.log(props.isShow)
  return (
    <div className={props.isShow?'tips_Content_active down-in':'tips_Content down-out'}>
      <p>
        <span className='warning_Icon'>!</span>
        {tipsContent}
        <span className='closeBtn_Tips' onClick={()=>{props.onCloseTips(false)}}>x</span>
      </p>
    </div>
  );
}

export default TipsView